<template>
  <view>
    <view>
      <image src="https://qn.boruichengyi.com/static/index/images/indebg.png" mode="" class="headerimage"></image>
    </view>
    <view class="title">发布活动</view>
    <image src="https://qn.boruichengyi.com/static/index/images/actBg1.png" mode="" class="pushactive" @click="gopushact"></image>
    <view style="font-size: 36rpx; color: #fff; position: absolute; z-index: 2; top: 280rpx; left: 80rpx">发布活动</view>
    <view class="text">活动说明活动说明活动说明活动说明 活动说明活动说明活动说明活动说明</view>
    <view class="title">发布活动</view>
    <image src="https://qn.boruichengyi.com/static/index/images/actBg2.png" mode="" class="pushactive2" @click="gocopy"></image>
    <view style="font-size: 36rpx; color: #fff; position: absolute; z-index: 2; top: 600rpx; left: 80rpx">复制活动</view>
    <view class="text2">活动说明活动说明活动说明活动说明 活动说明活动说明活动说明活动说明</view>
    <!-- d打开客服聊天 -->
    <!--    <button open-type="contact"><image src="https://qn.boruichengyi.com/static/index/images/kefu.png" mode="" class="kefu"></image></button> -->
    <!-- 客服组件 -->
    <kefu></kefu>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    // 点击跳转到发布活动页面
    gopushact() {
      uni.navigateTo({
        url: '/sub_active/pusheract/pusheract?type=' + 1
      });
    },
    gocopy() {
      uni.navigateTo({
        url: '/sub_active/copyact/copyact'
      });
    }
  }
};
</script>

<style lang="less">
.headerimage {
  width: 100%;
}
.title {
  font-size: 36rpx;
  color: #222222;
  position: absolute;
  top: 65rpx;
  left: 304rpx;
}
.pushactive {
  width: 702rpx;
  height: 300rpx;
  position: absolute;
  left: 24rpx;
  top: 200rpx;
}
.pushactive2 {
  width: 702rpx;
  height: 300rpx;
  position: absolute;
  left: 24rpx;
  top: 520rpx;
}
.text {
  position: absolute;
  top: 360rpx;
  left: 80rpx;
  width: 416rpx;
  height: 72rpx;
  font-size: 26rpx;
  color: #fff;
}
.text2 {
  position: absolute;
  top: 680rpx;
  left: 80rpx;
  width: 416rpx;
  height: 72rpx;
  font-size: 26rpx;
  color: #fff;
}
// 复制活动
.copyactive {
  width: 702rpx;
  height: 300rpx;
  position: absolute;
  background-color: pink;
  left: 24rpx;
  top: 525rpx;
}
</style>
